.body {
	width: 9.95rem;
	height: 99.5vh;
	position: relative;
	margin: 0 auto;
	border: 0.01rem solid #D3D3D3;
}
.herder {
	width: 100%;
	height: 1.106666rem;
	background-color: #F2F2F2;
}
button{
	border: 0rem;
}
.herder div:nth-child(1) {
	width: 0.693333rem;
	height: 0.693333rem;
	background-image: url();
	background-repeat: no-repeat;
	background-size: 100% 100%;
	float: left;
	margin: 0.2rem 0.2rem;
}

.herder div:nth-child(2){
	width: 70.5%;
	height: 0.6rem;
	text-align: center;
	float: left;
	margin: 0.2rem 0.2rem;
	color: #808080;
	line-height: 0.6rem;
	font-size: 0.426666rem;
}

.herder div:nth-child(3) {
	float: right;
	width: 0.826666rem;
	height: 0.826666rem;
	background-image: url();
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 0.18rem 0.28rem;
}
.xiala{
	position: absolute;
	width:9.95rem;
	height:93.5vh;
	overflow-y: auto;
	
}
.gwcdl{
	font-size:0.4rem!important;
	width:9.95rem;
	height: 1.3rem;
	font-size: 0.442666rem;
	display: flex;
	justify-content: space-around;
}
.gwcdl span{
	display: block;
	line-height: 1.3rem;
}

.gwcdl span:nth-child(3){
	width:1.5rem;
	height: 100%;
	font-size:0.32rem;
	color: #0000008a;
	margin-right:0rem;
}
.gwcdl span:nth-child(3) span{
	width:0.18rem;
	height:0.18rem;
	border-bottom: 0.05rem solid #808080;
	border-right: 0.05rem solid #808080;
	transform: rotate(-45deg);
	margin-top: -0.75rem;
	margin-left:1.15rem;
}


.konggw{
	width:9.95rem;
	height:1.5rem;
	background-color: #EBEBEB;
	font-size: 0.333333rem;
	display: flex;
	justify-content: center;
}
.konggw div:nth-child(1){
	width:1.1rem;
	height: 1.1rem;
	background-image:url(https://m.mi.com/static/img/cartnull.daaf7926f8.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
	margin-top:0.15rem;
}
.konggw div:nth-child(2){
	width:2.4rem;
	height: 1.47rem;
	text-align: center;
	line-height: 1.4rem;
	color: rgba(0,0,0,.27)!important;
}
.konggw div:nth-child(3){
	display: inline-block;
	width:1.3rem;
	height: 0.6rem;
	color: black;
	text-align: center;
	line-height:0.6rem;
	border: 0.01rem solid rgba(0,0,0,.15);
	margin-top:0.4rem;
}
.tuijian{
	width:9.9rem;
	height:385vh;
	overflow-y: auto;
}
.gwcsp{
	width:9.95rem;
	height:3.166666rem;
	display: flex;
	justify-content: space-around;
	line-height:0.55rem!important;
	border-top: 0.01rem solid gainsboro;
}
.gwcsp img{
	width: 2.446666rem;
	height: 2.446666rem;
	margin-top:0.36rem;
	border: 0.01rem solid gainsboro;
}
.xe{
	width: 0.8rem;
	height: 0.8rem;
	background-repeat: no-repeat;
	border: 0.01rem solid gainsboro;
	border-radius: 50%;
	background-size: 100% 100%;
	margin-top:1.16rem;
}
.ms{
	width:5rem;
	height:100%;
}
.gwcsp div:nth-child(4){
	width:0.85rem;
	height:0.85rem;
	margin-top:1.9rem;
	background-image: url();
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.gwcsp span{
	font-size: 0.35rem;
	width: 100%;
	display:block;
	color: #666666;
}
.gwcsp span:first-child{
	margin-top: 0.3rem;
}
.gwcsp span:nth-child(3){
	color:#999999;
}

.gwcsp span:nth-child(3) span{
	margin-top:-0.5rem;
	margin-left:1rem;
	width: 30%;
	display:block;
	color:#999999;
}
.gwcsp span:nth-child(3) span:nth-child(2){
	margin-top:-0.53rem;
	margin-left:1.9rem;
	width: 30%;
	display:block;
	color:#999999;
}
.dj{
	margin-top:0rem!important;
	width:2.8rem !important;
	height:0.85rem !important;
	border: 0.01rem solid #D3D3D3!important;
	background-image: url()!important;
	display: flex;
	justify-content: space-around;
}
.dj button:first-child{
	width: 0.833333rem!important;
	height: 0.833333rem!important;
	background-image: url()!important;
	background-repeat: no-repeat!important;
	background-size: 50% 50%!important;
	background-position: 50%;
	background-color: #FAFAFA;
}
.dj div:nth-child(2){
	width: 0.833333rem!important;
	height: 0.833333rem!important;
	text-align: center;
	font-size: 0.426666rem;
	line-height:0.8rem;
}
.dj button:last-child{
	width: 0.833333rem!important;
	height: 0.833333rem!important;
	background-image: url()!important;
	background-repeat: no-repeat!important;
	background-size: 50% 50%!important;
	background-color: #FAFAFA;
	background-position: 50%;
}

.xuanze{
	
	background-image:url(https://s1.mi.com/m/images/m/check_press.png)!important;
}
.dibu{
	position: absolute;
	bottom: -0.1rem;
	width:100%;
	height:1.386666rem;
	display: flex;
	justify-content: space-around;
}
.dibu div:first-child{
	width: 3.306666rem;
	height: 100%;
	background-color: white;
}
.dibu span{
	font-size: 0.361333rem;
	color: #999999;
}
.dibu span:nth-child(1){
	margin-left:0.5rem;
}
.dibu span:nth-child(4){
	color: #ff5766;
	margin-left:1rem;
	font-size: 0.554666rem;
	font-weight: bold;
}
.dibu div:nth-child(2){
	width: 3.306666rem;
	height: 100%;
	background-color: #F4F4F4;
	font-size: 0.389333rem;
	text-align: center;
	line-height: 1.45rem;
}
.dibu div:nth-child(3){
	width: 3.306666rem;
	height: 100%;
	background-color: #FF6700;
	color: white;
	font-size: 0.389333rem;
	text-align: center;
	line-height: 1.45rem;
}
.jy{
	pointer-events: none;
}